$(document).ready(function() {

    var usuario;
    if (window.localStorage.getItem("session_usuario")) {
        usuario = JSON.parse(window.localStorage.getItem("session_usuario"));
    } else {
        usuario = null;
    }

    var urlCategoria = serverurl + "entity.categoria";
    var urlPlataforma = serverurl + "entity.plataforma";
    var urlJogo = serverurl + "entity.jogo";

    var categoria = $("#categoriabox");
    var plataforma = $("#plataformabox");
    var jogo = $("#jogobox");
    var ddpplataforma = $("#j_plataforma");
    var ddpcategoria = $("#j_categoria");

    $.getJSON(urlCategoria, function(data) {
        categoria.empty();
        $.each(data, function(i, field) {
            var ativo = "";
            if (field.ativo === 1) {
                ativo = '<img src="_img/check.png" width="16" height="16" />';
            } else {
                ativo = '<img src="_img/delete.png" width="16" height="16" />';
            }
            var item = '<tr><td>' + field.titulo + '</td><td>' + ativo + '</td></tr>';
            categoria.append(item);

            var option = '<option value="' + field.categoriaId + '">' + field.titulo + '</option>';
            ddpcategoria.append(option);
        });
    });

    $.getJSON(urlPlataforma, function(data) {
        plataforma.empty();
        $.each(data, function(i, field) {
            var ativo = null;
            if (field.ativo === 1) {
                ativo = '<img src="_img/check.png" width="16" height="16" />';
            } else {
                ativo = '<img src="_img/delete.png" width="16" height="16" />';
            }
            var item = '<tr><td>' + field.titulo + '</td><td>' + ativo + '</td></tr>';
            plataforma.append(item);

            var option = '<option value="' + field.plataformaId + '">' + field.titulo + '</option>';
            ddpplataforma.append(option);
        });
    });

    $.getJSON(urlJogo, function(data) {
        jogo.empty();
        $.each(data, function(i, field) {
            var ativo = null;
            if (field.ativo === 1) {
                ativo = '<div id="jogo_' + i + '"><img src="_img/check.png" width="16" height="16" /></div>';
            } else {
                ativo = '<div><img src="_img/delete.png" width="16" height="16" /></div>';
            }
            var item = '<tr><td>' + field.titulo + '</td><td>' + ativo + '</td></tr>';
            jogo.append(item);

            $("#jogo_" + i).click(function() {
                var x = confirm("Deseja remover esse jogo?");
                if (x) {
                    remover(field.jogoId);
                }
            });

            function remover(id) {
                $.ajax({
                    url: urlJogo + '/' + id,
                    cache: false,
                    type: 'DELETE',
                    dataType: 'json',
                    contentType: 'application/json',
                    success: function(data) {
                        location.reload();
                    },
                    error: function() {
                        alert("Erro remover jogo!");
                    }
                });
            }

        });
    });

    $("#p_submit").click(function() {
        var criterios = JSON.stringify({
            'id': null,
            'titulo': $("#p_titulo").val(),
            'ativo': 1
        });

        $.ajax({
            url: urlPlataforma,
            cache: false,
            method: 'POST',
            dataType: 'json',
            contentType: 'application/json',
            data: criterios,
            success: function(data) {
                alert("Plataforma cadastrada com sucesso!");
                location.reload();
            },
            error: function() {
                alert("Erro ao cadastrar plataforma!");
            }
        });
    });

    $("#c_submit").click(function() {
        var criterios = JSON.stringify({
            'id': null,
            'titulo': $("#c_titulo").val(),
            'ativo': 1
        });

        $.ajax({
            url: urlCategoria,
            cache: false,
            method: 'POST',
            dataType: 'json',
            contentType: 'application/json',
            data: criterios,
            success: function(data) {
                alert("Categoria cadastrada com sucesso!");
                location.reload();
            },
            error: function() {
                alert("Erro ao cadastrar categoria!");
            }
        });
    });

    $("#j_submit").click(function() {
        var plataforma = getPlataforma($("#j_plataforma").val());
        var categoria = getCategoria($("#j_categoria").val());

        var criterios = JSON.stringify({
            'id': null,
            'titulo': $("#j_titulo").val(),
            'ativo': 1,
            'url': $("#j_url").val(),
            'valor': $("#j_valor").val(),
            'plataforma': plataforma,
            'categoria': categoria
        });

        $.ajax({
            url: urlJogo,
            cache: false,
            method: 'POST',
            dataType: 'json',
            contentType: 'application/json',
            data: criterios,
            success: function(data) {
                alert("Jogo cadastrada com sucesso!");
                location.reload();
            },
            error: function() {
                alert("Erro ao cadastrar jogo!");
            }
        });
    });

    function getPlataforma(id) {
        $.getJSON(urlPlataforma + '/' + id, function(data) {
            return data;
        });
    }

    function getCategoria(id) {
        $.getJSON(urlCategoria + '/' + id, function(data) {
            return data;
        });
    }

});